<template>
  <div class="footer">
    <footer>
      <!-- footer-top -->
      <div class="footer-top">
        <div class="container">
          <div class="col-md-6 footer-top-left">
            <h3><a href="index.html" class="sign">CHUAN LUCK PILING</a></h3>
            <p>
              Lorem Ipsum is simply dummy text of the printing and typesetting
              industry. Lorem Ipsum has been the industry's standard dummy text
              ever since the 1500s, when an unknown printer took a galley of
              type and scrambled.
            </p>
            <ul class="fb_icons2">
              <li>
                <a class="fb" href="#"
                ><i class="fa fa-facebook" aria-hidden="true"></i
                ></a>
              </li>
              <li>
                <a class="twit" href="#"
                ><i class="fa fa-twitter" aria-hidden="true"></i
                ></a>
              </li>
              <li>
                <a class="goog" href="#"
                ><i class="fa fa-google-plus" aria-hidden="true"></i
                ></a>
              </li>
              <li>
                <a class="pin" href="#"
                ><i class="fa fa-pinterest-p" aria-hidden="true"></i
                ></a>
              </li>
              <li>
                <a class="drib" href="#"
                ><i class="fa fa-dribbble" aria-hidden="true"></i
                ></a>
              </li>
            </ul>
          </div>
          <div class="col-md-3 footer-top-mid">
            <h3>Our Company</h3>
            <ul>
              <li>
                <a href="/"
                ><i class="fa fa-long-arrow-right" aria-hidden="true"></i
                >Home</a
                >
              </li>
              <li>
                <a href="about"
                ><i class="fa fa-long-arrow-right" aria-hidden="true"></i
                >About</a
                >
              </li>
              <li>
                <a href="properties"
                ><i class="fa fa-long-arrow-right" aria-hidden="true"></i
                >Properties</a
                >
              </li>
              <li>
                <a href="blog"
                ><i class="fa fa-long-arrow-right" aria-hidden="true"></i
                >Blog</a
                >
              </li>
              <li>
                <a href="contact"
                ><i class="fa fa-long-arrow-right" aria-hidden="true"></i
                >Contact</a
                >
              </li>
            </ul>
          </div>
          <div class="col-md-3 adress-agile">
            <h3>Address</h3>
            <address>
              <ul>
                <li>PTD 102015, Jalan Seelong</li>
                <li>81400, Mukim Senai</li>
                <li>Kulai, Johor</li>
                <li>Telephone : +607 599 8808</li>
                <li>Fax : +607 599 2808</li>
              </ul>
            </address>
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
      <!-- //footer-top -->
      <div class="w3layouts-copyright">
        <p class="footer">
          Copyright © 2020 Chuan Luck Piling & Construction Sdn Bhd (188414-K)”. All Rights Reserved. Website designed by Xantec Johor Bahru.
        </p>
      </div>
    </footer>
  </div>
</template>

<script>
  import { useRouter } from "vue-router";
  export default {
    name: "Rooter",
    setup() {
      const router = useRouter();

      const { currentRoute } = router;
      console.log(currentRoute);
      return {
        currentRoute,
      };
    },
  };
</script>

<style scoped>
.footer {

}
.sign{
  color: #f93232;
}
</style>